VSCode快捷操作

Emmet 快速编写

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的工具，能够实现 HTML、CSS 的快速编写

目前 Emmet 为大部分流行的编辑器都提供了安装插件

后代：>
兄弟：+
上级：^

乘法：*
自增符号: $

例如：ul>li.item$*5

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
<ul>

例如：

!:自动生成 html 模板
Lorem*n:快速随机生成 n 行
link:会自动显示导入模板
.box1:可以快速创建一个<div class="box1">
div*3:批量生成相同的标签这里生成三个div标签
div>div>div:批量生成嵌套的标签
div#test:生成相应id的标签，例如这里的<div id="test"></div>
ul>li{这是第$个li}*9：可以快速生成九个 li 标签同时里面填充了内容

编写代码模板

文件 > 首选项 > 用户代码片段

{
"Print to conaole":{
    "prefix": "C++",    //在新建立的页面中输入C++就会有智能提示，Tab就自动生成好了
    "body": [
        "#include <iostream>",
        "#include <cmath>",     //这个头文件可以删除，我为了使用方便就加了
        "", //空行
        "using namespace std;", //标准命名空间
        "",
        "int main()",   //main()函数
        "{",
        "   $0",    //最终光标会在这里等待输入
        "   system(\"pause\");",    //标准C++的等待用户动作
        "   return 0;", //结束
        "}",
        "",
    ],
    "description": "A cpp file template."   //用户输入后智能提示的内容（你可以用中文写“生成C++模板”）
}
}

快捷键

更多的参考这里

这里只记录用到的

注释: ctrl+/
移动光标所在行: alt+方向键
删除一行: ctrl+x
ctrl+ait+up/down 多光标 esc 取消
ctrl+right将移动到单词末尾
shift+ait+down 复制一行
ait+up/down 更换上下行
F2 重名（类似idea那样的重构）
Ctrl + Shift +F 全局搜索

插件设置

参考这里介绍了vscode内置了的一些功能（就没有必要再下载已经有的功能了）

Developer: Startup Performance 查看各个扩展的在 VSCode 启动时的加载时间。

Emmet 快速编写​

编写代码模板​

快捷键​

插件设置​

Emmet 快速编写

编写代码模板

快捷键

插件设置